<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>By 裴鸿宇</title>
<style type="text/css">
body {
    margin:0px;
}
/*-----------------*/
.top-area{
	margin-top:10px;
	width:990px;
	height:40px;
	border:1px solid #D3D3D3;
	background-color:#00FFFF;
}
/*-----------------*/
.left{
	overflow:hidden;
	float:left;
}
.main-area{
	margin-top:50px;
	width:990px;
	height:480px;
}
.celebrity_list{
	float:left;
	width:300px;
	height:60px;
	line-height:60px;
	font-size:32px;
	font-weight:bold;
	color:#00CCFF;
	background-color:#E6E6FA;
}
.list{
	float:left;
	width:890px;
	height:420px;
	border:1px solid #D3D3D3;
}
.name{
	float:left;
	font-size:16px;
	margin-top:70px;
	margin-left:20px;
}
.user{
	float:left;
	width:720px;
	height:80px;
	margin-top:40px;
	margin-left:20px;
	border:1px solid #D3D3D3;
}
.img{
	width:60px;
	height:60px;
}
.rank{
	float:left;
	width:50px;
	height:50px;
	line-height:50px;
	margin-top:5px;
	font-size:20px;
	font-weight:bold;
	color:#0033FF;
}
.img_{
	float:left;
	width:60px;
	height:60px;
	margin-left:5px;
}
.rank_img{
	float:left;
	width:225px;
	height:60px;
	margin-top:10px;
	margin-left:10px;
}
.personal{
	float:left;
	width:100px;
	height:50px;
	font-size:13px;
	text-align:left;
	margin-top:5px;
	margin-left:5px;
}
.button{
	cursor:pointer;
	height:20px;
	background-color:#B0E0E6;
}
/*-----------------*/
.rank_list{
	float:left;
	width:85px;
	margin-left:10px;
	height:480px;
	border:1px solid #D3D3D3;
}
.all{
	overflow:hidden;
	width:85px;
	height:410px;
}
.rank_list_font{
	margin-top:10px;
	width:70px;
	height:30px;
	font-size:13px;
}
.rank_list_face{
	margin-top:20px;
	width:80px;
	height:80px;
	font-size:15px;
}
.diji1{
	float:left;
	width:20px;
	height:50px;
	font-size:12px;
	color:#FFCC33;
	font-weight:bold;
	margin-top:15px;
}
.diji2{
	float:left;
	width:20px;
	height:50px;
	font-size:12px;
	color:#FFCC33;
	font-weight:bold;
	margin-top:20px;
}
.diji_img{
	width:57px;
	height:60px;
}
.diji_name{
	overflow:hidden;
	float:right;
	width:40px;
	height:15px;
	font-size:13px;
	margin-right:8px;
}
/*-----------------*/
.last-area{
	width:620px;
	height:90px;
	margin-top:20px;
	border:1px solid #D3D3D3;
}
.clear_{
	clear:both;
}
</style>
</head>
<body>
	<center>
		<div class="top-area"></div>
		
		<div class="main-area">
			<div class="left">
				<div class="celebrity_list">站&nbsp;内&nbsp;名&nbsp;人&nbsp;榜</div>
				<div class="clear_"></div>
				<div class="list">
					<div class="name">论坛活跃名人榜:</div>
					<div class="user">
						<div class="rank_img">
							<div class="rank">NO1：</div>
							<div class="img_"><img src="<%=request.getContextPath()%>/fileRedirect.action?toPage=stu/img/face/face4.jpg" class="img"></div>
							<div class="personal">
								文王
								<br/>
								<br/>
								<input type="button" value="+&nbsp;好友" class="button" title="加TA为好友" onmouseover="this.style.backgroundColor='#AFEEEE'" onmouseout="this.style.backgroundColor='#B0E0E6'">
							</div>
						</div>
						<div class="rank_img">
							<div class="rank">NO2：</div>
							<div class="img_"><img src="<%=request.getContextPath()%>/fileRedirect.action?toPage=stu/img/face/face6.jpg" class="img"></div>
							<div class="personal">
								问多
								<br/>
								<br/>
								<input type="button" value="+&nbsp;好友" class="button" title="加TA为好友" onmouseover="this.style.backgroundColor='#AFEEEE'" onmouseout="this.style.backgroundColor='#B0E0E6'">
							</div>
						</div>
						<div class="rank_img">
							<div class="rank">NO3：</div>
							<div class="img_"><img src="<%=request.getContextPath()%>/fileRedirect.action?toPage=stu/img/face/face1.jpg" class="img"></div>
							<div class="personal">
								多问
								<br/>
								<br/>
								<input type="button" value="+&nbsp;好友" class="button" title="加TA为好友" onmouseover="this.style.backgroundColor='#AFEEEE'" onmouseout="this.style.backgroundColor='#B0E0E6'">
							</div>
						</div>
					</div>
					
					<div class="name">任务达人榜:&nbsp;&nbsp;&nbsp;&nbsp;</div>
					<div class="user">
						<div class="rank_img">
							<div class="rank">NO1：</div>
							<div class="img_"><img src="<%=request.getContextPath()%>/fileRedirect.action?toPage=stu/img/face/face4.jpg" class="img"></div>
							<div class="personal">
								文王
								<br/>
								<br/>
								<input type="button" value="+&nbsp;好友" class="button" title="加TA为好友" onmouseover="this.style.backgroundColor='#AFEEEE'" onmouseout="this.style.backgroundColor='#B0E0E6'">
							</div>
						</div>
						<div class="rank_img">
							<div class="rank">NO2：</div>
							<div class="img_"><img src="<%=request.getContextPath()%>/fileRedirect.action?toPage=stu/img/face/face6.jpg" class="img"></div>
							<div class="personal">
								问多
								<br/>
								<br/>
								<input type="button" value="+&nbsp;好友" class="button" title="加TA为好友" onmouseover="this.style.backgroundColor='#AFEEEE'" onmouseout="this.style.backgroundColor='#B0E0E6'">
							</div>
						</div>
						<div class="rank_img">
							<div class="rank">NO3：</div>
							<div class="img_"><img src="<%=request.getContextPath()%>/fileRedirect.action?toPage=stu/img/face/face1.jpg" class="img"></div>
							<div class="personal">
								多问
								<br/>
								<br/>
								<input type="button" value="+&nbsp;好友" class="button" title="加TA为好友" onmouseover="this.style.backgroundColor='#AFEEEE'" onmouseout="this.style.backgroundColor='#B0E0E6'">
							</div>
						</div>
					</div>	
						
					<div class="name">成果注册榜:&nbsp;&nbsp;&nbsp;&nbsp;</div>
					<div class="user">
						<div class="rank_img">
							<div class="rank">NO1：</div>
							<div class="img_"><img src="<%=request.getContextPath()%>/fileRedirect.action?toPage=stu/img/face/face4.jpg" class="img"></div>
							<div class="personal">
								文王
								<br/>
								<br/>
								<input type="button" value="+&nbsp;好友" class="button" title="加TA为好友" onmouseover="this.style.backgroundColor='#AFEEEE'" onmouseout="this.style.backgroundColor='#B0E0E6'">
							</div>
						</div>
						<div class="rank_img">
							<div class="rank">NO2：</div>
							<div class="img_"><img src="<%=request.getContextPath()%>/fileRedirect.action?toPage=stu/img/face/face6.jpg" class="img"></div>
							<div class="personal">
								问多
								<br/>
								<br/>
								<input type="button" value="+&nbsp;好友" class="button" title="加TA为好友" onmouseover="this.style.backgroundColor='#AFEEEE'" onmouseout="this.style.backgroundColor='#B0E0E6'">
							</div>
						</div>
						<div class="rank_img">
							<div class="rank">NO3：</div>
							<div class="img_"><img src="<%=request.getContextPath()%>/fileRedirect.action?toPage=stu/img/face/face1.jpg" class="img"></div>
							<div class="personal">
								多问
								<br/>
								<br/>
								<input type="button" value="+&nbsp;好友" class="button" title="加TA为好友" onmouseover="this.style.backgroundColor='#AFEEEE'" onmouseout="this.style.backgroundColor='#B0E0E6'">
							</div>
						</div>
					</div>
				</div>	
			</div>
			
			<div class="rank_list">
				<div class="rank_list_font">等级排行：<br/><hr/></div>
				<div class="all">
					<div class="rank_list_face">
						<div class="diji1">第1</div>
						<div class="left"><img src="<%=request.getContextPath()%>/fileRedirect.action?toPage=stu/img/face/face3.jpg" class="diji_img"></div>
						<div class="clear_"></div>
						<div class="diji_name">酒鬼</div>
					</div>
					<div class="rank_list_face">
						<div class="diji2">第2</div>
						<div class="left"><img src="<%=request.getContextPath()%>/fileRedirect.action?toPage=stu/img/face/face2.jpg" class="diji_img"></div>
						<div class="clear_"></div>
						<div class="diji_name">酒仙酒仙酒仙</div>
					</div>
					<div class="rank_list_face">
						<div class="diji2">第3</div>
						<div class="left"><img src="<%=request.getContextPath()%>/fileRedirect.action?toPage=stu/img/face/face5.jpg" class="diji_img"></div>
						<div class="clear_"></div>
						<div class="diji_name">酒魔</div>
					</div>
					<div class="rank_list_face">
						<div class="diji2">第4</div>
						<div class="left"><img src="<%=request.getContextPath()%>/fileRedirect.action?toPage=stu/img/face/face4.jpg" class="diji_img"></div>
						<div class="clear_"></div>
						<div class="diji_name">小鸟</div>
					</div>
				</div>
			</div>	
			
		</div>
		
		<div class="last-area"></div>
	</center>
</body>
</html>